<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // push 
        // var arr = [1, 2, 3, 4, 5];
        // arr.push('鼠标', '键盘');
        // console.log(arr.push('鼠标', '键盘'));
        // console.log(arr);
        /* 
            语法结构: 数组名.push(元素)
            1. push 可以给数组追加新的元素 
            2. push() 直接写元素即可 ，可以一个添加多个元素
            3. push() 完毕之后，返回数组的长度。
            4.原数组发生变化
        */
        // unshift 
        // var arr = [1, 2, 3, 4, 5];
        // console.log(arr.unshift('鼠标', '键盘'));
        // console.log(arr);
        /* 
           语法结构: 数组名.unshift(元素)
           1. unshift 可以给数组前面添加新的元素 
           2. unshift() 直接写元素即可 ，可以一个添加多个元素
           3. unshift() 完毕之后，返回数组的长度。
           4.原数组发生变化
       */
        // pop()  删除数组中的元素
        // var arr = [1, 2, 3, 4, 5, '咖啡'];
        // console.log(arr.pop());
        // console.log(arr);
        /* 
           语法结构: 数组名.pop()
           1. pop 删除数组中的最后一个元素
           2. pop() 没有参数
           3. pop() 完毕之后，返回删除的那个元素
           4.原数组发生变化
       */
        // shift  
        var arr = ['红酒', 1, 2, 3, 4, 5, '咖啡'];
        console.log(arr.shift());
        console.log(arr);
        /*
           语法结构: 数组名.shift()
           1. shift 删除数组中的第一个元素
           2. shift() 没有参数
           3. shift() 完毕之后，返回删除的那个元素
           4.原数组发生变化
       */



    </script>
</head>

<body>

</body>

</html>